<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>

    <!-- 合并样式定义，只保留一份 -->
    <style>
      /* Dify聊天机器人样式 */
      #dify-chatbot-bubble-button {
        background-color: #1C64F2 !important;
        z-index: 9999 !important; /* 确保按钮在最上层 */
      }
      #dify-chatbot-bubble-window {
        width: 24rem !important;
        height: 40rem !important;
        z-index: 9999 !important;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>

    <!-- Dify配置必须在脚本引入前定义 -->
    <script>
      window.difyChatbotConfig = {
        token: 'fMSMI58v5xpMwoIq',
        systemVariables: {
          // 系统变量示例：
          // user_id: '123456',
        },
        userVariables: {
          // 用户变量示例：
          // name: '访客'
        },
      }
    </script>

    <!-- 引入Dify脚本 -->
    <script
      src="https://udify.app/embed.min.js"
      id="fMSMI58v5xpMwoIq"
      defer
    ></script>

    <!-- 项目入口脚本 -->
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>